<template>
	<div>
		<div class="header" @click="sonSendFather()">我是头部 {{ name }}{{ helloWord }}</div>
	</div>
</template>

<script>
	export default {
		name: 'headersA',
		data() {
			return {
				key: '1',
				sonData: '我是子组件的数据'
			}
		},
		props: {
			name: {
				type: String,
				default: '1'
			},
			// 接收时候必须使用驼峰形式接收
			helloWord: {
				type: String
			}
		},
		methods: {
			name1() {},
			// 子组件向父组件传递方法
			sonSendFather() {
				this.$emit('getSon', this.sonData)
			}
		}
	}
</script>

<style lang="scss" scoped>
	.header {
		width: 100%;
		height: 100px;
		background-color: greenyellow;
	}
</style>
